<template>
  <!--底部固定悬浮按钮容器-->
  <div class="bottom-fixed-button-container">
    <slot name="buttons" />
  </div>
</template>

<script>
export default {
  name: 'BottomFixedButtonContainer',
  data() {
    return {
    }
  },
  methods: {
  }
}
</script>
<style lang="scss" scope>
.bottom-fixed-button-container {
  background-color: #FFFFFF;
  border-top: 1px solid #dbe3e4;
  -webkit-box-shadow:0 -4px 4px -2px #e4e9f0;
  box-shadow: 0 -4px 4px -2px #e4e9f0;
  height: 50px;
  position: fixed;
  bottom: 33px;
  z-index: 99;
  width: 100%;
  text-align: center;
  .el-button{
    font-size: 18px;
    width: 240px;
    height: 40px;
    margin: 5px 15px 0 0;
  }
  .el-button:last-of-type{
    margin-right: 210px;
  }
}
</style>
